<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="t" uri="http://tiles.apache.org/tags-tiles"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Demo</title>
<script type="text/javascript"
	src="<s:url value="/resources" />/jquery-1.7.1.js"></script>
<script type="text/javascript"
	src="<s:url value="/resources" />/dropmenu.js"></script>
<link rel="stylesheet"
	href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css">
<%--<link rel="stylesheet" href="<s:url value="/resources" />/bootstrap/bootstrap.css" type="text/css"> --%>
<%-- <link rel="stylesheet" href="<s:url value="/resources" />/dropmenu.css" type="text/css">--%>

</head>
<script>
	$(document).ready(function() {
		$("#nav-one").dropmenu();
	});
</script>
<body>
	<div id="top">
		<a href="<s:url value="/home" />"><img
			src="<s:url value="/resources" />/images/spitter_logo_50.png"
			border="0" />
		</a>
		<div class="menubar">
			<ul id="nav-one" class="dropmenu">
				<li><a href="#">Home</a></li>
				<li><a href="#">Forum</a>
					<ul>
						<li><a href="#">Support</a>
						</li>
						<li><a href="#">Help</a>
						</li>
						<li><a href="#">Examples</a>
						</li>
						<li><a href="#">Your work</a>
						</li>
					</ul></li>
				<li><a href="#item3">Downloads</a>
					<ul>
						<li><a href="#">Tools</a>
						</li>
						<li><a href="#">Office</a>
						</li>
						<li><a href="#">Custom projects</a>
						</li>
					</ul></li>
				<li><a href="#">Products</a>
					<div class="products">
						<ul>
							<li><img
								src="<s:url value="/resources" />/images/236872.jpg" width="40"
								height="40" alt="Thumb" border="0" />
							<h2>Featured Box</h2>
								<p>
									<a href="#">More information about this product</a>
								</p>
							</li>
							<li><img
								src="<s:url value="/resources" />/images/242702.jpg" width="40"
								height="40" alt="Thumb" border="0" />
							<h2>Mod Rewriter</h2>
								<p>
									<a href="#">More information about this product</a>
								</p>
							</li>
							<!-- <li><img src="images/242177.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Byte Scrambler</h2><p><a href="#">More information about this product</a></p></li> 
						<li><img src="images/226138.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Image Processor</h2><p><a href="#">More information about this product</a></p></li> 
						<li><img src="images/216794.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Registry Class</h2><p><a href="#">More information about this product</a></p></li> 
						<li><img src="images/211826.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Data Validation</h2><p><a href="#">More information about this product</a></p></li> 
						<li><img src="images/203708.jpg" width="40" height="40" alt="Thumb" border="0" /><h2>Ajax Tables</h2><p><a href="#">More information about this product</a></p></li> -->
						</ul>
						<div class="small">At vero eos et accusamus et iusto odio
							dignissimos ducimus qui blanditiis praesentium voluptatum
							deleniti atque corrupti quos dolores et quas molestias excepturi
							sint occaecati cupiditate non provident.</div>
					</div></li>
				<li><a href="#">Tutorials</a>
					<div class="tutorials">
						<ul class="left">
							<li><a href="#">Javascript</a>
							</li>
							<li><a href="#">Python</a>
							</li>
							<li><a href="#">PHP</a>
							</li>
						</ul>
						<ul class="right">
							<li><a href="#">HTML/CSS</a>
							</li>
							<li><a href="#">ASP.NET</a>
							</li>
							<li><a href="#">Actionscript</a>
							</li>
						</ul>
						<div class="small">
							View <a href="#">all categories</a> or a <a href="#">list of
								the best tutorials</a>.
						</div>
					</div></li>
				<li><a href="#">Links</a>
					<ul>
						<li><a href="#">Programming</a>
						</li>
						<li><a href="#">Inspiration</a>
						</li>
						<li><a href="#">My websites</a>
						</li>
						<li><a href="#">Clients</a>
						</li>
						<li><a href="#">Cool stuff</a>
						</li>
						<li><a href="#">Sitebase</a>
						</li>
						<li><a href="#">Other</a>
						</li>
					</ul></li>
				<li><a href="#">Login</a>
					<div class="login">
						<label for="txtuser">Username: </label> <input type="text"
							name="txtuser" id="txtuser" /> <label for="txtuser">Password:
						</label> <input type="password" name="txtpass" id="txtpass" />
						<button>Login</button>
					</div></li>
			</ul>
		</div>
	</div>
	<div>
		<div class="container-fluid">
			<div class="sidebar"></div>
			<div class="container">
				<div class="span12">
					<h2>Create a free Spitter account</h2>
					<form>
						<fieldset>
							<div class="clearfix">
								<label for="xlInput">X-Large input</label>
								<div class="input">
									<input type="text" size="30" class="xxlarge">
								</div>
							</div>


							<input name="commit" type="submit"
								value="I accept. Create my account." />
						</fieldset>
					</form>

				</div>
			</div>
		</div>
	</div>


</body>
</html>
